<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>MyHomework</title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<link href="../css/style.css" rel="stylesheet" type="text/css" />
		<link href="../css/jquery-ui-1.8.20.custom.css" type="text/css" rel="stylesheet" />
		<script src="../js/jquery-1.7.2.min.js" type="text/javascript"></script>
		<script src="../js/jquery-ui-1.8.20.custom.min.js" type="text/javascript"></script>
		<script type="text/javascript" language="javascript">
			$(function(){				
				$('#commentDialog').dialog({
					autoOpen: false,
					buttons: {
						"close": function(){
							$('#commentDialog').dialog('close');
						}
					}
				});
				$('#scoreDialog').dialog({
					autoOpen: false,
					width: 400,
					buttons: {
						'summit': function(){
							$('#scoreDialog').dialog('close');
						},
						'close': function(){
							$('#scoreDialog').dialog('close');
						}
					}
				});
				$('.comment').click(function(){
					$('#commentDialog').dialog('open');
				});
				$('.score').click(function(){
					$('#scoreDialog').dialog('open');
				});
			});
		</script>
	</head>
	<body>
		<div id="commentDialog" title="Comment">
			<p>A君: the design is bad!!!!</p>
			<p>B君: what the hell!!!!!</p>
			<p>C君: You are joking!!!!</p>
		</div>
		<div id="scoreDialog" title="Score">
			<form>
				<fieldset>
					<label for="comment">comment</label>
					<textarea cols="3"></textarea><br />
					<label for="score">score</label>
					<select>
						<option>100</option>
						<option>80</option>
						<option>60</option>						
					</select>
				</fieldset>
			</form>
		</div>
		<div class="main">
			<div class="header">
				<div class="header_resize">
					<div class="logo">
						<h1><a href="index.html">My<span>H</span>omework</a><small>OO梦幻队</small></h1>
					</div>

					<div class="menu_nav">
						<ul>
							<li class="active">
								<a href="index.html">Home</a>
							</li>
							<li>
								<a href="profile.html">Profile</a>
							</li>
							<li>
								<a href="manage.html">Managing</a>
							</li>
							<li>
								<a href="about.html">about</a>
							</li>
							<li>
								<a href="../login.html">Logout</a>
							</li>
						</ul>
						<div class="clr"></div>
					</div>
					<div class="clr"></div>
				</div>
			</div>
			<div class="clr"></div>
			<div class="content">
				<div class="content_resize">
					<div class="mainbar">
						<div class="concrete">
							<h2>Homeworks:</h2>
							<label>choose homework</label>
							<select>
								<option value="1">1</option>
								<option value="2">2</option>
								<option value="3">3</option>
								<option value="4">4</option>
								<option value="5">5</option>
							</select>
							<h3>1.MyHomework(homework online submission system)</h3>
							<table width="100%">
								<tr>
									<th width="10%">No.</th>
									<th width="15%">Member</th>
									<th width="15%">status</th>
									<th width="35%">Comments</th>
									<th width="25%">options</th>
								</tr>
								<tr>
									<td>1</td>
									<td>A君</td>
									<td>not upload</td>
									<td><a href="#" class="comment" id="comment1">short comment, click for more</a></td>
									<td><span class="butons"><a href="#">view</a> <a href="#" class="score" id="score1">score</a></span><a href="#"><img src="../images/download.jpg" title="download" /></a></td>
								</tr>
								<tr>
									<td>2</td>
									<td>A君</td>
									<td>not upload</td>
									<td><a href="#" class="comment" id="comment2">short comment, click for more</a></td>
									<td><span class="butons"><a href="#">view</a> <a href="#" class="score" id="score2">score</a></span><a href="#"><img src="../images/download.jpg" title="download" /></a></td>
								</tr>
								<tr>
									<td>3</td>
									<td>A君</td>
									<td>not upload</td>
									<td><a href="#" class="comment" id="comment3">short comment, click for more</a></td>
									<td><span class="butons"><a href="#">view</a> <a href="#" class="score" id="score3">score</a></span><a href="#"><img src="../images/download.jpg" title="download" /></a></td>
								</tr>
								<tr>
									<td>4</td>
									<td>A君</td>
									<td>not upload</td>
									<td><a href="#" class="comment" id="comment4">short comment, click for more</a></td>
									<td><span class="butons"><a href="#">view</a> <a href="#" class="score" id="score4">score</a></span><a href="#"><img src="../images/download.jpg" title="download" /></a></td>
								</tr>
							</table>	
							
						</div>
					</div>
					<div class="sidebar">
						<div class="gadget">
							<h2>Action Menu</h2>
							<div class="clr"></div>
							<ul class="sb_menu">
								<li>
									<a href="#">Index</a>
								</li>
								<li class="active">
									<a href="homeworks.html">Homeworks</a>
								</li>
								<li>
									<a href="tasks.html">Tasks</a>
								</li>								
							</ul>
						</div>
					</div>
					<div class="clr"></div>
				</div>
			</div>
			<div class="footer">
				&copy; Copyright <a href="#">OO梦幻队</a>.
			</div>
		</div>
	</body>
</html>
